<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>my-brand</title>
  <meta name='viewport' content='width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0'>
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/brand.css">
  <script src="./lib/flexible/flexible.js"></script>
</head>

<body>

  <div class="m_container">
    <!-- 头部 -->
    <div class="m_header">
      <div class="header_top clearfix">
        <div class="top_logo fl">
          <img src="./images/header_logo.png" alt="">
        </div>
        <div class="header_app fr">
          <a href="#">
            <img src="./images/header_app.png" alt="">
          </a>
        </div>
      </div>
      <div class="header_search clearfix">
        <input type="text" name="" id="" placeholder="请输入你想比价的商品" class="fl">
        <button class="fr">搜索</button>
      </div>
    </div>

    <div class="productlist_nav clearfix">
      <a href="index.html">首页></a>
      <a href="category.html">全部分类></a>
    </div>
    <p class="tit">平板电视那个牌子好</p>
    <!-- 十大品牌部分 -->
    <div class="brand_content">
      <ul class="brandTitle_list">
        <!-- 十大品牌 -->
      </ul>
    </div>

    <p class="tit">平板电视销量排行</p>
    <!-- 平板电视销量排行部分 -->
    <div class="sales">

    </div>

    <p class="tit">平板电视最新评论</p>
    <!-- 平板电视最新评论排行部分 -->
    <div class="comment">

    </div>




    <div class="footer_box">
      <!-- 登录注册 -->
      <div class="login_register">
        <a href="#" class="login">登录</a>
        <a href="#" class="register">注册</a>
        <a href="javascript:;" class="to_top">
          <span></span>返回顶部</a>
      </div>
      <!-- 底部 -->
      <div class="m_footer">
        <p>
          <a href="#">手机APP下载</a>慢慢买手机版--
          <span>掌上比价平台</span>
        </p>
        <p>m.manmanbuy.com</p>
      </div>
    </div>
  </div>

  <!-- 模板 -->
  <script type="text/template" id="tmp">
    {{each result v i}}
    <li data-brandtitleid ={{v.brandTitleId}} >
      <a href="productlist.html?categoryId={{v.categoryId}}" class="clearfix">
        <span class="fl rank {{i==0?"one":""}}  {{i==1?"two":""}}  {{i==2?"three":""}}">{{i+1}}</span>
        <div class="info_box fl">
          <p class="name fl ">{{v.brandName}}</p>
          <p class="info fl ">{{v.brandInfo}}</p>
        </div>
        <span class="arrow fr">
          <img src="./images/right-arr.png" alt="">
        </span>
      </a>
    </li>
    {{/each}}
    </script>

  <!-- 平板电视销量排行部分 -->
  <script type="text/template" id="tmp1">
    {{each result v i}}
    <div class="cate_item" data-productid ={{v.productid}} >
        <a href="detail.html?productid={{v.productId}}&brandName={{v.brandName}}" class="clearfix">
          <div class="cate_img fl">
           {{@v.productImg}}
          </div>
          <div class="cate_message">
            <p class="cate_name">{{v.productName}}</p>
            <p class="cate_price">{{v.productPrice}}</p>
            <p class="bottom">
              <span >{{v.productQuote}}  </span>&nbsp;&nbsp;&nbsp;
              <span >{{v.productCom}}</span>
            </p>
          </div>
        </a>
      </div>
    {{/each}}
    </script>

  <!-- 平板电视评论部分 -->
  <script type="text/template" id="tmp2">
    {{each result v i}}
    <div class=" comment_item">
        <a href="#" class="clearfix">
          <div class="cate_img fl">
            <!-- 图片 -->
          </div>
          <div class="cate_message">
            <p class="cate_name">
              <!-- 商品名 -->
            </p>
          </div>
          <!-- 评论 -->
          <div class="comment_box">
            <span class="icon_up"><img src="./images/up.png" alt=""></span>
            <p class="comment_tit clearfix">
              <span class="fl user_name">{{v.comName}}</span>
              <span class="fr time">{{v.comTime}}</span>
            </p>
            <p class="comment_content">
                {{v.comContent}}
            </p>
            </div>
        </a>
      </div>



    {{/each}}
  </script>



  <script src="./lib/jquery/jquery.js"></script>
  <script src="./lib/artTemplate/template-web.js"></script>
  <script src="./js/common.js"></script>
  <script src="./js/brand.js"></script>
  <script>



  </script>
</body>

</html>